fetch('http://chst.vip:1234/api/getbrandtitle')
    .then(body => body.json())
    .then(res => {

        let el = '';
        res.result.forEach(item => {
            el += `<li>
        <div class="title" brandTitleid=${item.brandTitleId}>
            <b>${item.brandTitle}</b>
            <i></i>
        </div>
        <div class="content">
            
        </div>
    </li>`
        })
        $('.uls').html(el)
    })

// slideDown卷下来 slideUp卷上去 slideToggle

// 卷帘门

//声明一个开关flag

//flag=true 表示已经展开了 flag=false 表示没有展开

$('.uls').find('.content').slideUp(0, function () {
    $('.content').css('display', 'block');
    $('.content').prop('flag', false);
    // let flag=$('.content').prop('flag');
    // console.log(flag)
})



$('.uls').on('click', '.title', function () {

    // console.log($(this))

    // 获取当前的开关状态 如果是true 说明自己已经展开了 要收起来
    let titleid = $(this).attr('brandTitleid')
    // console.log(titleid)
    let flag = $(this).next().prop('flag')
    // console.log(flag)
    if (flag) {
        $(this).next().slideUp(200).prop('flag', false)
        return
    }

    // console.log(titleid)
    $(this).next().slideDown(200).prop('flag', true).siblings().find('.content').slideUp(200).prop('flag', false)

    // console.log($(this))
    // console.log($(this).find('.content').prop('flag'))



    fetch(`http://chst.vip:1234/api/getbrand?brandtitleid=${titleid}`)
        .then(body => body.json())
        .then(res => {
            console.log(res)
            let str = '';
            res.result.forEach(item => {
                str += `<div class="list" brandtitleid=${item.brandTitleId} categoryid=${item.brandId}>
                <div class="name">
                    <p class="_id">${item.brandId}</p>
                    <span>${item.brandName}</span>
                </div>
                <span class="brandInfo">${item.brandInfo}</span>
            </div>`
                // console.log(str)
            })
            //    console.log(categoryid)
            $('.content').html(str)
        })

    $('.content').on('click', '.list', function () {
        let brandtitleid = $(this).attr('brandtitleid')
        let categoryid = $(this).attr('categoryid')
        // console.log(categoryid);
        location.href = `../pages/_brand.html?categoryid=${categoryid}&brandtitleid=${brandtitleid}`
    })

})
// 返回顶部
let toTop = $('.gotop').get(0)
// console.log(toTop)

toTop.onclick = function (e) {
    //   console.log(123)
    document.documentElement.scrollTop = 0;
}

